<template>
  <!-- <h1>{{str}}</h1>
  <hr />
  <h1>{{comStr}}</h1>
  <hr />
  <input type="text" v-model="comStr"> -->
  <!-- 子传父
  <Demo @fn='changeNum' @fn2='changeNum2' /> -->
  <Demo v-model:num='num'>
    <template #xxx>
      <div>插槽xxx</div>
    </template>
    <template #yyy>
      <div>插槽yyy</div>
    </template>
  </Demo>
</template>

<script setup>
// import Demo from "@/components/Watch.vue"
// import Demo from "@/components/RouterTest.vue"
// import Demo from "@/components/Children.vue"
// import Demo from "@/components/Vmodel.vue"
import Demo from "@/components/Chacao.vue"
import { computed, ref } from 'vue';
// let str = ref('三四十')
// // let comStr = computed(() => {
// //   return 1 + str.value
// // })
// //v-model绑定计算属性
// let comStr = computed({
//   get () {
//     return 1 + str.value
//   },
//   set (val) {
//     return str.value = val
//   }
// })

// // 父传子
// const msg = ref('父组件传送过来的')
// //子组件传送过来的
// const changeNum = (val) => {
//   console.log(val.value);
// }
// const changeNum2 = (val) => {
//   console.log(2222, val.value);
// }


//v-model传值
let num = ref('100')
</script>

<style  scoped>
</style>